<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>
<button onclick="myFunction()">点我</button>
		<script>
			/*
				 * let声明的变量只在let命令所在的代码内有效
				 * const声明一个只读的变量，一旦声明，变量的值就不能改变
				 * var是在全局范围内有效
				 */
//			{
//				
//				let a=0;
//				console.log(a);
//			}
//			console.log(a);


//{
//	let a=0;
//	var b=1;
//	
//}
//console.log(a);
//console.log(b);


/*
 * let只能声明一次var可以声明多次
 */
//let a=1;
//let a=2;
//var b=3;
//var b=4;

/*
 * for循环计数器很适用let
 */
//for(var i=0;i<10;i++){
//	setTimeout(function(){
//		console.log(i);
//	})
//}
/*
 * 变量 i 是用 var 声明的，
 * 在全局范围内有效，所以
 * 全局中只有一个变量 i, 
 * 每次循环时，setTimeout 
 * 定时器里面的 i 指的是全局
 * 变量 i ，而循环里的十个
 * setTimeout 是在循环结束后
 * 才执行，所以此时的 i 都是 10。
 */
//输出十个10
//for(let j=0;j<10;j++){
//	setTimeout(function(){
//		console.log(j);
//	})
//}//输出0123456789
/*
 * 变量 j 是用 let 声明的，当前
 * 的 j 只在本轮循环中有效，每
 * 次循环的 j 其实都是一个新的
 * 变量，所以 setTimeout 定时
 * 器里面的 j 其实是不同的变量，
 * 即最后输出 12345。
 */

/*
 * 修改id为“demo”的元素内容
 */
//document.getElementById("demo").innerHTML="段落已经修改";
//		let str=document.getElementById("demo");
//		let str1=str.innerHTML="段落已经修改";
//		window.write(str1)
//		

/*
 * 调用时间函数
 */
//document.write(Date());

//function myFunction(){
//	document.write(Date());
//}

/*
 * 写到控制台
 */
//a=5;
//b=6;
//c=a+b;
//console.log(c);

var x;
window.write(x);
var x=5;
window.write(x);
var x="John";
window.write(x);
		</script>
	</body>
</html>
